<template>
  <div class="liveStreamingContent">
    <div class="title">
      <img
        src="https://ss.lanqb.com/deda7bf2-2777-465a-8034-aee3b30ed796.png?imageView2/1/w/50/h/50"
        alt=""
      /><span>大肥皂</span>
    </div>
    <div class="content">
      <p>画风养成分析，画法思路分享</p>
    </div>
    <div class="img">
      <EnterBig
        :src="'https://ss.lanqb.com/o_1f28mn30719plqup3ldtq1ukn1a.jpg?imageView2/1/w/400/h/300/format/webp'"
        :width="252"
        :height="189"
      >
      </EnterBig>
    </div>
    <div class="tip"><span>时间：9月04日20:00</span><span>3363</span></div>
  </div>
</template>

<script>
import EnterBig from "@/components/ZComponents/enterBig";

export default {
  components: {
    EnterBig,
  },
};
</script>

<style lang="scss" scoped>
.liveStreamingContent {
  display: inline-block;

  border-radius: 7px;
  background-color: #fff;
  width: 252px;
  height: 283px;
  padding: 16px 8px 20px 20px;
  margin-left: 30px;
  .title {
    margin: 5px 0;
    img {
      vertical-align: middle;
      height: 24px;
      width: 24px;
      border-radius: 12px;
    }
  }
  .img {
    img {
      object-fit: cover;
    }
  }
}
</style>